<template>
    <div class="nav">
        <div class="nav-job">
            <RouterLink to="/shenqingView"><div><</div></RouterLink>
            <div class="a">提现记录</div>
            <div class="a"></div>
        </div>
        <div class="tixian">
            <div class="qqqq">已累计提现：<span class="qq">3262元</span></div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-100.00</span></div>
            </div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-5.00</span></div>
            </div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-10.00</span></div>
            </div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-70.00</span></div>
            </div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-10.00</span></div>
            </div>
        </div>
        <div class="shangpin">
            <div class="shangpin-job">
                <div class="q">提现到银行卡</div>
                <div class="qq"><span>余额： <span class="qqq">154.3</span></span></div>
            </div>
            <div class="a"></div>
            <div class="shuzi-job">
                <div class="w">2018-06-10</div>
                <div class="ww"><span>-70.00</span></div>
            </div>
        </div>
    </div>
</template>
<style scoped>
.a {
    background-color: #fff;
    color: #09b674;
}
.nav-job {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.tixian {
    height: 35px;
    line-height: 35px;
    background-color: #f4f4f4;
}
.qqqq {
    color: #fc6319;
    margin-left: 10px;
}
.w {
    color: #ccc;
}
.ww {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 18px;
}
.shangpin {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.q {
    font-size: 18px;
}
.qq {
    margin-top: 5px;
    font-size: 14px;
}
</style>